<template>
	<view class="placeholder" :style="[cusStyle]"></view>
	<view class="content fixed-bottom p-b-40 p-x-32 p-t-24" :class="{ 'border-top': borderTop }" :style="[cusStyle]">
		<slot></slot>
	</view>
</template>

<script setup>
import { computed } from 'vue';

const props = defineProps({
	width: {
		type: String,
		default: '750rpx'
	},
	height: {
		type: String,
		default: '165rpx'
	},
	bgColor: {
		type: String,
		default: '#fff'
	},
	borderTop: {
		type: Boolean,
		default: true
	}
});
const cusStyle = computed(() => {
	return {
		width: props.width,
		height: props.height,
		background: props.bgColor
	};
});
</script>

<style scoped lang="scss"></style>
